<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="../admin/authority.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<%@include file="headScriptHH.jsp"%>
<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/hh/cs36002script.js"></script> 
</head>
<body>
	<input type="hidden" name="userId" id="userId" value ="${user_id}">
	<input type="hidden" name="siteId" id="siteId" value ="${site_id}">
	<div class="wrapper">
		<!-- BEGIN Top-Bar -->
		<%@ include file="../fragments/header.jsp"%>
		<!-- END Top-Bar -->

		<div id="detail-area" class="clearfix">
			<!-- BEGIN SIDEMENU -->
			<div class="hidden-xs hidden-sm page-sidebar" id="side-menu-bar">
				<ul class="page-sidebar-menu">					

					<!-- <div id="displaymenu"></div>  -->
					<%@ include file="../admin/menu.jsp" %>

				</ul>
			</div>
			<!-- End SIDEMENU-->

			<!-- BEGIN RIGHT DETAIL-->
			<div class="col-sm-12 col-xs-12" id="right-side">
				<div id="navigator-bar">
					<i class="fa fa-home"></i> หน้าหลัก <i
						class="fa fa-angle-right ml-5 mr-5"></i> รายงานข้อมูลการอ่านมาตร
				</div>
				<!--End navigator-bar-->
				<div>
					<div id="page-header" class="clearfix">
						<div>รายงานข้อมูลการอ่านมาตร ประจำเดือน <span id="vaMonthYear"></span></div>
					</div>
					<div class="container-fluid">
						<div class="col-xs-10 col-xs-offset-1">
							<fieldset class="mt-20">
								<legend>รายงานข้อมูลการอ่านมาตร</legend>
								<div class="row form-group">
									<div class="col-xs-6">
										<div class="col-xs-5 text-right">
											<label id="#">เขต</label>
										</div>
										<div class="col-xs-7">
											<select class="form-control" id="inputZone" name="zone">
												<option value="">-- เลือกเขต --</option>
											</select>
										</div>
									</div>
								</div>
								<div class="row form-group">
									<div class="col-xs-6">
										<div class="col-xs-5 text-right">
											<label id="#">เส้นทาง</label>
										</div>
										<div class="col-xs-7">
											<select class="form-control" id="inputRouteStart" name="route_start">
												<option value="">-- เลือกเส้นทาง --</option>
											</select>
										</div>
									</div>
									<div class="col-xs-6">
										<div class="col-xs-2">
											<label id="#">ถึง</label>
										</div>
										<div class="col-xs-7">
											<select class="form-control" id="inputRouteEnd" name="route_end">
												<option value="">-- เลือกเส้นทาง --</option>
											</select>
										</div>
									</div>
								</div>
								<div class="row form-group">
									<div class="col-xs-6">
										<div class="col-xs-5 text-right">
											<label id="#">สถานะพิมพ์ใบแจ้งหนี้</label>
										</div>
										<div class="col-xs-7">
											<select class="form-control" id="inputStatus" name="status">
												<option value="1"> ทั้งหมด </option>
												<option value="2"> พิมพ์ใบแจ้งหนี้แล้ว </option>
												<option value="3"> ยังไม่ได้พิมพ์ใบแจ้งหนี้ </option>
											</select>
										</div>
									</div>
								</div>
								<div class="row form-group">
									<div class="col-xs-6">
										<div class="col-xs-5 mt-5 text-right">
											<label id="#">ช่วงน้ำ</label>
										</div>
										<div class="col-xs-5">
											<input type="text" class="form-control" id="inputPeriodStart" placeholder="0" maxlength="4" />
										</div>
										<div class="col-xs-1 mt-5">
											<label id="">หน่วย</label>
										</div>
									</div>
									<div class="col-xs-6">
										<div class="col-xs-2 mt-5">
											<label id="#">ถึง</label>
										</div>
										<div class="col-xs-5">
											<input type="text" class="form-control" id="inputPeriodEnd" placeholder="9999" maxlength="4" />
										</div>
										<div class="col-xs-1 mt-5">
											<label id="">หน่วย</label>
										</div>
									</div>
								</div>
								<hr />
								<div class="row form-group">
									<div class="col-xs-12 text-center">
										<button type="button" class="btn btn-primary" id="#" onclick="printReport();">
											<span class="fa fa-print"></span> พิมพ์
										</button>
										<button type="button" class="btn btn-primary" id="#" onclick="window.location.reload()">
											<span class="fa fa-refresh"></span> เริ่มใหม่
										</button>
									</div>
								</div>
							</fieldset>
						</div>
					</div>
				</div>
				<!-- ### Modal Popup ### -->
				<div class="modal fade" id="warningModal" tabindex="-1" role="dialog" aria-labelledby="warningModal" aria-hidden="true">
				  	  <div class="modal-dialog">
				        <div class="modal-content">
				            <div class="modal-header">
				            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				            <h4 class="modal-title">กรุณากรอกข้อมูลให้ครบถ้วน</h4>
				            </div>
				            <div class="modal-body">
				            	<div id="modal_content"></div>
				            </div>
				            <div class="modal-footer">
				                <button type="button" class="btn btn-danger" data-dismiss="modal">ยกเลิก</button>    
				        	</div>
				    	</div>
				  	</div>
				</div>
				<!-- END DETAIL-AREA -->
				<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2557 โดยการประปานครหลวง</div>
				<!-- END FOOTER -->
			</div>
			<!-- END RIGHT DETAIL-->
		</div>
	</div>
</body>
</html>